<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>{$pageData.title}</title>
		<link rel="stylesheet" href="__STATIC__/home/js/layui/css/layui.css" />
		<link rel="stylesheet" href="__STATIC__/home/css/admin.css" />
		<script type="text/javascript" src="__STATIC__/home/js/jquery.min.js"></script>
		<script type="text/javascript" src="__STATIC__/home/js/layui/layui.js"></script>
	</head>
	<body class="pd30" data-id="home">
		<div class="notice"><i class="iconfont notice-icon"></i><p><a href="javascript:;" onclick="receiveBonus()">手动领取奖金</a></p><i class="iconfont notice-close"></i></div>
		<script>
			//手动领取奖金
			function receiveBonus(){
				$.ajax({
					'type':'post',
					'dataType':'json',
					'url':"{:url('bonus.handle/receive_bonus')}",
					'data':'token={$token}',
					'success':function(data){
						alert(data.msg);
					}
				});
			}
		</script>
		<div class="div-back clearfix magin-topn">
			<div class="my-assets b-w">
				<h1 class="back-nav">我的资产</h1>
				<ul>
					<li style="height: 262px;">
						<div class="sg b-se01">
							<p class="xx">
								<span class="f22"></span>
								<span>等级：<b>VIP会员</b></span>
							</p>
							<p class="fg"></p>
							<p class="jb">
								<span class="sm-span je jj">386,540,63</span>
								<span class="mc">奖金币</span>
							</p>
							<p class="al"><a href="javascript:;">提现</a></p>
						    <i class="iconfont jjb-icon"></i>
					    </div>
					</li>
					<li>
						<div class="sd b-se02">
							<p class="sm-span je dz">386,540,63</p>
							<p class="mc">电子币</p>
							<i class="iconfont dzb-icon"></i>
						</div>
					</li>
					<li>
						<div class="sd b-se03">
							<p class="sm-span je xj">386,540,63</p>
							<p class="mc">现金币</p>
							<i class="iconfont xjb-icon"></i>
						</div>
					</li>
					<li>
						<div class="sd b-se04">
							<p class="sm-span je cx">386,540,63</p>
							<p class="mc">重消钱包</p>
							<i class="iconfont cxqb-icon"></i>
						</div>
					</li>
					<li>
						<div class="sd b-se05">
							<p class="sm-span je gw">386,540,63</p>
							<p class="mc">购物券</p>
							<i class="iconfont gwj-icon"></i>
						</div>
					</li>
					<li>
						<div class="sd b-se06">
							<p class="sm-span je zj">386,540,63</p>
							<p class="mc">资金钱包</p>
							<i class="iconfont zjqb-icon"></i>
						</div>
					</li>
					<li>
						<div class="sd b-se07">
							<p class="sm-span je jf">386,540,63</p>
							<p class="mc">积分</p>
							<i class="iconfont jf-icon"></i>
						</div>
					</li>
				</ul>
			</div>
			<script>
			$(function(){
				memberData();
			})
			function memberData(){
				$.ajax({
					'type':'post',
					'dataType':'json',
					'url':'{:url('user.api/info')}',
					'success':function(data){
						$(".my-assets .b-se01 .xx .f22").html(data.mid);
						$(".my-assets .b-se01 .xx b").html(data.level_name);
					}
				});
			}
			</script>
			<div class="mailbox b-w">
				<div class="tab-nav mailbox-tab">
					<ul>
						<li class="active"><a href="javascript:;">全部公告</a></li>
						<li><a href="javascript:;">收信箱</a></li>
					</ul>
				</div>
			    <div class="mailbox-cen" style="display: block;">
			    	<ul>
			    		<li><a href="javascript:;">111测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    	</ul>
			    	<p><a href="javascript:;" class="f-orange">查看更多 >></a></p>
			    </div>
			    <div class="mailbox-cen" style="display: none;">
			    	<ul>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    		<li><a href="javascript:;">测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊测试啊...</a></li>
			    	</ul>
			    	<p><a href="javascript:;" class="f-orange">查看更多 >></a></p>
			    </div>
			</div>
		</div>
		
		<div class="div-back magin-topn clearfix">
			<div class="div-back-left">
				<div class="div-back clearfix">
					<div class="my-team-order b-w fl">
						<h1 class="back-nav b-g">我的团队</h1>
						<ul>
							<li><span class="f14">团队规模</span><span class="f22">24507 人</span></li>
							<li><span class="f14">团队业绩</span><span class="f22">¥1211094000</span></li>
							<li><span class="f14">累计收入</span><span class="f22">¥1211094000</span></li>
						</ul>
					</div>
					<div class="my-team-order b-w fr">
						<h1 class="back-nav b-g">订单概况</h1>
						<ul>
							<li><span class="f14">提现订单</span><span class="f22">4</span></li>
							<li><span class="f14">充值订单</span><span class="f22">5</span></li>
							<li><span class="f14">购物订单</span><span class="f22">1</span></li>
						</ul>
					</div>
				</div>
				
				<div class="my-bill b-w magin-top3">
					<h1 class="back-nav">近日收支情况</h1>
					<div id="graph" style="width: 100%; height: 270px; margin: 0 10px;"></div>
				</div>
				
				<div class="my-lately b-w magin-top3">
					<div class="tab-nav lately-tab">
						<ul>                    
							<li><a href="javascript:;" class="active class="akt"">账户统计</a></li>
							<li><a href="javascript:;">最新收益</a></li>
							<li><a href="javascript:;">最近提现</a></li>
							<li><a href="javascript:;">最近转账</a></li>
							<li><a href="javascript:;">最近消费</a></li>
						</ul>
					</div>
					<div class="lately-cen">
						<div class="grp-top"><span><i class="c"></i>今日收入</span><span><i class="l"></i>累计收入</span></div>
						<div id="graph01" style="width: 100%; height: 300px;"></div>
					</div>
					
				</div>
				
			</div>
			<div class="div-back-right">
				<div class="div-back">
					<div class="commodity-list b-w">
					    <h1 class="back-nav b-g">推荐商品<a href="javascript:;">查看更多>></a></h1>
					    <ul>
					    	<li>
					    		<div class="tu"><p><img src="__STATIC__/home/images/s01.jpg"></p></div>
					    		<div class="ce">
					    			<p class="bt f16">阿朵傻傻的</p>
					    			<p class="jg"><span class="f-orange">¥</span><span class="f-orange f20">1000</span><i>现金币</i></p>
					    			<p class="al"><a href="javascript:;" class="f18">立即抢购</a></p>
					    		</div>
					    	</li>
					    	<li>
					    		<div class="tu"><p><img src="__STATIC__/home/images/s01.jpg"></p></div>
					    		<div class="ce">
					    			<p class="bt f16">阿朵傻傻的</p>
					    			<p class="jg"><span class="f-orange">¥</span><span class="f-orange f20">1000</span><i>现金币</i></p>
					    			<p class="al"><a href="javascript:;" class="f18">立即抢购</a></p>
					    		</div>
					    	</li>
					    	<li>
					    		<div class="tu"><p><img src="__STATIC__/home/images/s01.jpg"></p></div>
					    		<div class="ce">
					    			<p class="bt f16">阿朵傻傻的</p>
					    			<p class="jg"><span class="f-orange">¥</span><span class="f-orange f20">1000</span><i>现金币</i></p>
					    			<p class="al"><a href="javascript:;" class="f18">立即抢购</a></p>
					    		</div>
					    	</li>
					    	<li>
					    		<div class="tu"><p><img src="__STATIC__/home/images/s01.jpg"></p></div>
					    		<div class="ce">
					    			<p class="bt f16">阿朵傻傻的</p>
					    			<p class="jg"><span class="f-orange">¥</span><span class="f-orange f20">1000</span><i>现金币</i></p>
					    			<p class="al"><a href="javascript:;" class="f18">立即抢购</a></p>
					    		</div>
					    	</li>
					    	<li>
					    		<div class="tu"><p><img src="__STATIC__/home/images/s01.jpg"></p></div>
					    		<div class="ce">
					    			<p class="bt f16">阿朵傻傻的</p>
					    			<p class="jg"><span class="f-orange">¥</span><span class="f-orange f20">1000</span><i>现金币</i></p>
					    			<p class="al"><a href="javascript:;" class="f18">立即抢购</a></p>
					    		</div>
					    	</li>
					    	
					    </ul>
				    </div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="__STATIC__/home/js/morris.min.js" ></script>
		<script type="text/javascript" src="__STATIC__/home/js/raphael.js" ></script>
		<script> 
			 var day_data = [{
			 		"adddate": "2012-10-01",
			 		"bonus": 3407,
			 		"score": 660
			 	},
			 	{
			 		"adddate": "2012-09-30",
			 		"bonus": 3351,
			 		"score": 629
			 	},
			 	{
			 		"adddate": "2012-09-29",
			 		"bonus": 3269,
			 		"score": 618
			 	},
			 	{
			 		"adddate": "2012-09-20",
			 		"bonus": 3246,
			 		"score": 661
			 	},
			 	{
			 		"adddate": "2012-09-19",
			 		"bonus": 3257,
			 		"score": 667
			 	},
			 	{
			 		"adddate": "2012-09-18",
			 		"bonus": 3248,
			 		"score": 627
			 	},
			 	{
			 		"adddate": "2012-09-17",
			 		"bonus": 3171,
			 		"score": 660
			 	},
			 	{
			 		"adddate": "2012-09-16",
			 		"bonus": 3171,
			 		"score": 676
			 	},
			 	{
			 		"adddate": "2012-09-15",
			 		"bonus": 3201,
			 		"score": 656
			 	},
			 	{
			 		"adddate": "2012-09-10",
			 		"bonus": 3215,
			 		"score": 622
			 	}
			 ];
			Morris.Line({
				element: 'graph',
				lineColors: ['#ff8700','#6777f1'],
				data: day_data,
				xkey: 'adddate',
				ykeys: ['bonus', 'score'],
				labels: ['奖金', '业绩']
			});
			
			var Adata=[
				{
					"type":"零售利润",
					"today":151251,
					"total":51515
				},
				{
					"type":"销售补贴",
					"today":2300,
					"total":310500
				},
				{
					"type":"管理补贴",
					"today":92000,
					"total":121210
				},
				{
					"type":"服务补贴",
					"today":500,
					"total":720
				},
				{
					"type":"全体分红",
					"today":900,
					"total":400
				},
				{
					"type":"加权分红",
					"today":5465,
					"total":45151
				}
				]
			Morris.Bar({
				element: 'graph01',
				barColors: ['#ff8800', '#6777f1'],
				data:Adata,
				xkey: 'type',
				ykeys: ['today', 'total'],
				labels: ['今日收入', '累计收入']
			});
			
		</script>
		<script>
			//获取奖金列表
			var HomeBonusListSrc = "{:url('account.api/coin')}";
		</script>
		<script type="text/javascript" src="__STATIC__/home/js/public.js"></script>
	</body>
</html>
